<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<style type="text/css">
			th{
				font-family: ;
			}
			td{
				font-size: 20px;
				font-family: 黑体;
			
			 }
			
			/* input{
				width: 100px;
			} */
		</style>
	</head>
	<body>
		
		<!-- 表单标签主要是向服务器提交信息 ，没有form就不能提交数据-->
		<!-- form提交数据的两种方式
		      1.get方式：
			  数据都在地址栏展示，不安全。有大小限制
			  
			  
			  2.post方式：
			  看不到数据，安全，没大小限制
		 -->
		 
		 <!-- 用来给服务器提交数据 
		 需要给输入框配置name属性服务器才能接收到用户输入的值
		 -->
		<form action="" method="" >
			
			<table align="center" border="1" cellspacing="0" cellpadding="" bgcolor="azure" >
				<tr>
					<th colspan="2" align="center">注册表单</th>
				</tr>
				
				<tr>
					<td>用户名：</td>
					<td><input type="text" name="username" id=""/></td>
					</tr>
				<tr>
					<td>密码：</td>
					<td><input type="password" name="userpwd" id=""/></td>
					</tr>
				<tr>
					<td>确认密码：</td>
					<td><input type="password" name="" id="reuserpwd"/></td>
					</tr>
				<tr>
					<td>昵称：</td>
					<td><input type="text" name="nike" id=""/></td>
					</tr>
				<tr>
					<td>邮箱：</td>
					<td><input type="email" name="emil" id=""/></td>
					</tr>
				<tr>
					<td>性别：</td>
					<!-- 对于单选框和复选框 必须设置name的值且name得相同 和value的值就是单选提交后的值
					     不然就是对选
					 -->
					<td><input type="radio" name="sex"  value="0"/>男
					    <input type="radio" name="sex"   value="1"/>女
						</td>
					</tr>
					
				<tr>
					<td>爱好：</td>
					<td> <input type="checkbox" name="like" id="" value="1" />篮球
						<input type="checkbox" name="like" id="" value="2" />唱歌
						<input type="checkbox" name="like" id="" value="3" />跳舞
					</td>
					
				</tr>	
				<tr>
					
					<td>城市：</td>
					<td>
						<select name="city">
							<option value ="1">北京</option>
							<option value ="2">上海</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>验证码：</td>
					<td>
						<input type="text" placeholder="请输入验证码" name="" value="" />
					       <img src="emage/1.jpg"  width="60px" name=""/>
						 <input type="button" value="点击换一张"  name/>
					</td>
				</tr>
				
				<tr>
					<td>头像</td>
					<td> <input type="file" name=""  /></td>
				</tr>
				<tr>
					<td>描述</td>
					<td>
					<textarea  >
						描述信息
					</textarea>
					</td>
				</tr>
				<tr>
					<!-- 提交用submit     重置用 reset-->
					<td colspan="2" align="center">
						<input type="submit" name=""  value="提交" />
						<input type="reset" name=""  value="重置" />
					</td>
				</tr>
			</table>
			
		</form>
		
		
		
	</body>
</html>
